import React from 'react';
import './BottomBar.css';
import {
  NavLink
} from "react-router-dom";

export default function BottomBar() {
  return (
    <>
      
      <div className='bottom-bar'>
        <div className="outside">
          <NavLink exact="true" className="read outside-minbox" to="/">
            <i className='iconfont icon-yuedu'></i>
            <div className="content">阅读</div>
          </NavLink>
          <NavLink className="booklist outside-minbox" to="/booklist">
              <i className='iconfont icon-shujia'></i>
              <div className="content">书架</div>
          </NavLink>
          <NavLink className="me outside-minbox"  to="/me" >
              <i className='iconfont icon-wo'></i>
              <div className="content">我</div>
          </NavLink>
        </div>

      </div>
    </>
  );
}
